﻿@model Headlight.ViewModels.QuoteViewModel
@{
    ViewBag.Title = "Vehicle Information ";
    Layout = "~/Views/Shared/_WizardLayout.cshtml";
}

@section head
{
<script src="@Url.Content("~/assets/js/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/assets/js/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/carquery.0.3.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/vehicle.js")" type="text/javascript"></script>
<script src="@Url.Content("~/assets/js/formerror.js")" type="text/javascript"></script>
  
}


	@Html.Partial("_BreadCrumb")

    <div id="section-vehicles">
        <table border="1">
        <tbody>
        @foreach(var vehicle in Model.Vehicles) {
            <tr>
                <td align="center">@vehicle.Year</td>
                <td align="left">@vehicle.Model</td>
            </tr>
        }
    </tbody>
    </table>
    
    </div>

	
<h2 class="wizard-section-title">Vehicle Information</h2>
@using (Html.BeginForm("NextStep", "Quote", FormMethod.Post, new { @class = "form-horizontal vehicle-form" }))
 {
    <fieldset>
        <legend>Please tell us about your vehicle</legend>
		    @*Html.HiddenFor(model => Model.QuotesInfomationId, new { @Value = @Session["QuotesId"].ToString() })*@
                <div class="control-group control-group-divider">
                    <label class="control-label">Select your vehicle*</label>
	                <div class="controls">
		                @Html.DropDownListFor(model => Model.Vehicle.Year, Headlight.Helpers.DataHelper.GetYear(), "---", new { @class = "required span3", @id = "car-years", name = "car-years" })
                    </div>
                </div>
                <div class="control-group control-group-divider">
                    <label class="control-label"></label>
	                <div class="controls">
		                @Html.DropDownListFor(model => Model.Vehicle.Make, Headlight.Helpers.DataHelper.GenerateMake, "---", new { @class = "required span3", @id = "car-makes", name = "car-makes" })
                    </div>
                </div>
                <div class="control-group control-group-divider">
                    <label class="control-label"></label>
	                <div class="controls">
		                @Html.DropDownListFor(model => Model.Vehicle.Model, Headlight.Helpers.DataHelper.GenerateModel, "---", new { @class = "required span3", @id = "car-models", name = "car-models" })
                    </div>
                </div>
                 <div class="control-group control-group-divider">
                    <label class="control-label">Leased?</label>
	                <div class="controls">
                    @Html.RadioButtonFor(model => model.Vehicle.IsLeased, "true", new { Checked = "checked" }) <span>Yes</span>
				    @Html.RadioButtonFor(model => model.Vehicle.IsLeased, "false") <span>No</span>
                    </div>
                </div>
                <div class="control-group control-group-divider">
                    <label class="control-label">Select Primary Use*</label>
	                <div class="controls">
				    @Html.DropDownListFor(model => Model.Vehicle.PrimaryUse, Headlight.Helpers.DataHelper.GeneratePrimaryUse, new { @class = "required span3" })
				    @*Html.ValidationMessageFor(model => model.Vehicle.PrimaryUse)*@
                    </div>
                </div>
                <div class="control-group control-group-divider">
                    <label class="control-label">Estimated Daily Mileage*</label>
	                <div class="controls">
				    @Html.TextBoxFor(model => Model.Vehicle.DailyMileage, new { @Value="10", @class = "required span2" })
				    @*@Html.ValidationMessageFor(model => model.Vehicle.DailyMileage)*@
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label">Estimated Annual Mileage*</label>
	                <div class="controls">
				    @Html.TextBoxFor(model => model.Vehicle.AnnualMileage, new { @Value = "12000", @class = "required span2" })
				    @*@Html.ValidationMessageFor(model => model.Vehicle.AnnualMileage)*@
                    </div>
                </div>
    </fieldset>

    @*<div style="float : left; width : 28%;">
        <a href="#" style="text-decoration:none;" id="btnYes" class="btn btn-large ">Cancel</a>
    </div>
    <div class="pull-right" style="float : right; width : 68%;">
    dsadsa
    
    <input type="submit" name="submit-button" value="@Headlight.Controllers.VehicleViewButtons.AddNew" />
    
    	<span>Add another vehicle?</span>
		<a href="#" style="text-decoration:none;" id="btnYes" class="btn btn-large btn-info"><i class="icon-plus icon-white"></i> Yes</a>&nbsp;&nbsp;<a style="text-decoration:none;" id="btnNo" class="btn btn-large btn-info">No</a>
    
    </div>
    *@ 
     <div class="form-actions">
   <div class="pull-right">
    <input type="submit" name="submit-button" value="@Headlight.Controllers.VehicleViewButtons.Next"  class="btn-continue" />
    </div>
    
    </div>
    		
 }

